<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="build/flexible.js"></script>
    <script src="build/flexible_css.js"></script>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/icons.css">
    <!--[if lt IE 8]><!-->
    <link rel="stylesheet" href="ie7/ie7.css">
    <!--<![endif]-->
    <link rel="stylesheet" href="js/swiper/swiper.css">
    <title>店铺详情</title>
</head>
<body>
<header>
    <ul class="header-tit box box-between box-center">
        <li><a href="index.html" class="header-icon icon-back"></a></li>
        <li><h1>百威旗舰店</h1></li>
        <li><a href="javascript:;" class="header-icon icon-card collect" collect="0"></a></li>
    </ul>
</header>
<section class="section-list-do section-single">

    <div class="store-inf">
        <div class="store-inf-main">
            <div class="store-logo"><img src="img/store_logo.jpg"></div>
            <div class="store-inf-position box">
                <div class="position box box-left font12">
                    <div class="icon-position"></div>
                    <p>珠海-石花东路133号附近</p>
                </div>
            </div>
            <ul class="store-inf-tip font12 box">
                <li>啤酒</li>
                <li>品牌</li>
            </ul>
        </div>
        <div class="store-inf-bg"><img src="img/store_bg.jpg" alt=""></div>
        <div class="store-inf-mask"></div>
    </div>

    <div class="tabs-switch">
        <div class="tabs-store">
            <ul class="tabs-nav box box-between box-center font16">
                <li class="active">推荐商品</li>
                <li>评论</li>
                <li>特惠活动</li>
            </ul>
        </div>
        <div class="swiper-container tabs-switch-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--推荐商品-->
                        <ul class="product-list store-single-list clear">
                            <li>
                                <a href="productDetails.html">
                                    <div class="product-img"><img src="img/product_small.jpg"></div>
                                    <div class="product-name font14 color-grey">百威清爽杯装啤酒</div>
                                    <div class="product-price font14 color-red">￥30.00</div>
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <div class="product-img"><img src="img/product_small.jpg"></div>
                                    <div class="product-name font14 color-grey">百威清爽杯装啤酒</div>
                                    <div class="product-price font14 color-red">￥30.00</div>
                                </a>
                            </li>
                        </ul>
                        <div class="more-comment"><a href="productList.html" class="color-red font14">查看全部商品</a></div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--评论-->
                        <ul class="comment-list store-comment-list">
                            <li>
                                <div class="comment-main box box-left box-top">
                                    <div class="item-fix comment-list-img"><img src="img/user_head.jpg"></div>
                                    <div class="item comment-list-inf">
                                        <div class="comment-list-tit box box-between box-center">
                                            <h3>上天入地狗剩儿</h3>
                                            <div class="comment-list-time font12 color-light-grey">今天 8:32</div>
                                        </div>
                                        <p class="font14 color-grey">这活动非常喜欢，我一定会参加的。</p>
                                    </div>
                                </div>
                                <div class="item comment-list-inf comment-list-square">
                                    <div class="comment-list-tit box box-between box-center">
                                        <h3 class="box box-left box-center"><span class="answer"></span>发布者回复</h3>
                                        <div class="comment-list-time font12 color-light-grey">今天 8:32</div>
                                    </div>
                                    <p class="font14 color-grey">这活动非常喜欢，我一定会参加的。</p>
                                </div>
                            </li>
                            <li>
                                <div class="comment-main box box-left box-top">
                                    <div class="item-fix comment-list-img"><img src="img/user_head.jpg"></div>
                                    <div class="item comment-list-inf">
                                        <div class="comment-list-tit box box-between box-center">
                                            <h3>上天入地狗剩儿</h3>
                                            <div class="comment-list-time font12 color-light-grey">今天 8:32</div>
                                        </div>
                                        <p class="font14 color-grey">这活动非常喜欢，我一定会参加的。</p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <div class="more-comment"><a href="comment.html" class="color-red font14">查看更多3条评论</a></div>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="content-slide tabs-switch-slide">
                        <!--特惠活动-->
                        <ul class="single-list store-single-list">
                            <li class="single-action-list">
                                <div class="single-action-img single-store-img"><img src="img/action_banner.jpg"></div>
                                <div class="single-action-inf box box-between box-center">
                                    <div class="single-list-tit font14">罗蔓西饼</div>
                                    <div class="single-action-time box box-right box-center font12">
                                        <div class="icon-time color-red"></div>
                                        <div class="font12 color-grey">06-06~07-23</div>
                                    </div>
                                </div>
                                <div class="single-action-word">
                                    <p class="color-grey font12">6月30日上午，在闽南师范大学物信学院学子在达理活动中心举办手绘油纸伞献爱心活动，我们等候你的到来。</p>
                                </div>
                            </li>
                        </ul>
                        <div class="more-comment"><a href="comment.html" class="color-red font14">查看全部活动</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</section>
<footer class="footer-do">
    <div class="store-nav box box-center font16">
        <a href="productList.html">全部商品</a>
        <a href="comment.html">发表评论</a>
        <a href="storePromotionList.html">全部活动</a>
    </div>
</footer>
<script src="js/jquery.js"></script>
<script src="js/swiper/swiper.js"></script>
<script src="js/each/storeDetails.js"></script>
</body>
</html>